﻿<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie6 ielt8"><![endif]--> 
<!--[if IE 7]><html class="ie7 ielt8"><![endif]--> 
<!--[if IE 8]><html class="ie8"><![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--><html><!--<![endif]--> 
<head>
<meta charset="utf-8">
<title>老板，给点吧，打发点咯……</title>
<link href="theme/css/common.css" rel="stylesheet">
<!--[if IE]><script src="theme/js/html5.js"></script><![endif]-->
<script src="theme/js/modernizr.js"></script>
<script src="theme/js/jquery.js"></script>
<script src="theme/js/common.js"></script>
</head>

<body>
<section class="page">
	<article class="page-inner">
		<header class="page-hd">
			<hgroup>
				<h1 class="logo"><a href="" class="hide-txt">给点吧<sup>爱心捐赠平台</sup></a></h1>
				<h2 class="slogan hide-txt">让朋友一起帮你实现梦想</h2>
			</hgroup>
			<nav class="nav">
				<a href="" class="first cur">首页</a><i class="split-line">|</i><a href="">创建一个梦想</a><i class="split-line">|</i><a href="">生成互助页面</a><i class="split-line">|</i><a href="">获取支付接口代码</a>
			</nav>
		</header>
		<section class="page-bd">
			<article class="topic">
				<h3>生日庆生友情互助</h3>
				<p class="detail"><i class="icon-quot quot-start"></i>9月30是我的生日，我想给自己买一台iPhone5做为给自己的生日礼物，大家来帮我实现这个愿望<i class="icon-quot quot-end"></i></p>
				<p class="guide"><i class="btn-guide"></i></p>
			</article>
			<form class="donate cf" action="/app/donate/index.asp" method="post">
				<fieldset class="sum-list">
					<legend>选择捐赠金额：</legend>
					<ul class="list">
						<li><input type="radio" class="input-sum" name="sum" id="sum0" value="2"><label for="sum0">2</label></li><li><input type="radio" class="input-sum" name="sum" id="sum1" value="5"><label for="sum1">5</label></li><li><input type="radio" class="input-sum" name="sum" id="sum2" value="10"><label for="sum2">10</label></li><li><input type="radio" class="input-sum" name="sum" id="sum3" value="50"><label for="sum3">50</label></li><li><input type="radio" class="input-sum" name="sum" id="sum4" value="100"><label for="sum4">100</label></li><li><input type="radio" class="input-sum" name="sum" id="sum5" value="168"><label for="sum5">168</label></li><li><input type="radio" class="input-sum" name="sum" id="sum6" value="200"><label for="sum6">200</label></li>
						<li class="others"><p class="entry-def none"><input type="radio" class="input-sum" name="sum" id="sum8" value="0"><label for="sum8">其他</label></p><p class="entry-box"><input class="input-txt" type="text"><span class="action"><button class="btn btn-done" type="button">确定</button></span></p></li>
					</ul>
				</fieldset>
				<fieldset class="user-info">
					<legend>您的信息：</legend>
					<p class="donate-sum">您将捐赠<span class="price"><strong class="value">245</strong></span>元</p>
					<p><label>大名:</label><input class="input-txt" type="text" name="name" placeholder="您的大名" required></p>
					<p><label>邮箱:</label><input class="input-txt" type="email" name="email" placeholder="您的邮箱" required></p>
					<p><label>博客:</label><input class="input-txt" type="url" name="url" placeholder="http://"></p>
					<p><label>留言:</label><textarea class="input-txt" rows="2" cols="28" name="says" placeholder="说点什么..."></textarea></p>
					<p class="action"><button class="btn btn-donate" type="submit"><i class="icon-alipay"></i>用支付宝帮他</button></p>
				</fieldset>
			</form>
			<article class="donate-list">
				<ol class="list">
					<li><a href='http://poor.tk' class='avatar'><img src='http://www.gravatar.com/avatar/b65f35a07c34f6b82b9ef9e1fbf2d960'></a><div class='detail'><p><a href='http://poor.tk' class='fn'>Poor</a>于<time datetime='2011/8/23'>1899-12-30</time>向他捐赠<strong class='sum'>40</strong>&yen;</p><p class='says'>今儿大爷真高兴啊，赏点给你<i class='arrow'></i><i class='arrow-inner'></i></p></div></li><li><a href='http://jintao.hu' class='avatar'><img src='http://www.gravatar.com/avatar/821ebc621096fcd8da4c7e2b641e5e79'></a><div class='detail'><p><a href='http://jintao.hu' class='fn'>伊野武次郎</a>于<time datetime='2011/8/23'>1899-12-30</time>向他捐赠<strong class='sum'>20</strong>&yen;</p><p class='says'>恭喜站长发大财<i class='arrow'></i><i class='arrow-inner'></i></p></div></li>
				</ol>
				<section class="pages">
					<span class='disabled'>&laquo; 上一页</span><span class='current'>1</span><span class='disabled'>下一页 &raquo;</span>
				</section>
			</article>
		</section>
		<footer class="page-ft">
			<nav><a href="">关于</a>|<a href="">声明</a>|<a href="">帮助</a></nav>
			<small class="copyright">© 2011 geidianba.com</small>
		</footer>
	</article>
</section>

</body>
</html>
